iT邦幫忙

2024 iThome 鐵人賽

DAY 4
0
生成式 AI

API: Swagger, Postman系列 第 4

如何安裝與配置 Swagger UI

  • 分享至 

  • xImage
  •  

安裝 Swagger UI

  1. 下載 Swagger UI

    • 前往 Swagger UI 的 GitHub 頁面
    • 點擊「Code」按鈕,然後選擇「Download ZIP」來下載壓縮包,或使用 Git 克隆庫:
      git clone https://github.com/swagger-api/swagger-ui.git
      
  2. 解壓縮

    • 如果下載的是 ZIP 檔,解壓縮到你選擇的資料夾。
  3. 啟動 Swagger UI

    • 進入解壓後的資料夾,找到 index.html 檔案,直接用瀏覽器打開即可。

配置 Swagger UI

  1. 編輯 index.html

    • 打開 index.html 檔案,找到以下部分:
      const url = "https://petstore.swagger.io/v2/swagger.json";
      
    • url 替換為你自己的 API 文件 URL。
  2. 自定義主題和設置(可選):

    • 你可以根據需要修改 CSS 或 JavaScript 來自定義外觀和功能。

查看效果

  • 打開瀏覽器,輸入 file:// 路徑加上你的 index.html 檔案位置,應該能看到 Swagger UI 顯示的 API 文件和介面。

這樣就完成了 Swagger UI 的安裝與基本配置!


上一篇
如何安裝與配置 Postman
下一篇
Postman 界面簡介:面板和功能介紹。
系列文
API: Swagger, Postman12
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言